<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../style/home/style.css">
<style>
  [v-cloak]{
      display: none;
  }
  html,body{
      padding-bottom: 0px;
  }
  
</style>
</head>

<body>
<div id="app" v-cloak v-scroll="loadMore">
  <div class="headTitle Message"><a class="return" href="javascript:void(0)" v-on:click="backhome"><img src="../image/return@2x.png"></a>消息</div>

  <!-- 没有数据 -->
  <div class="error404 Vcenter">
   <dl><dt><img src="../image/NOdada@2x.png"></dt>
     <dd>还没有数据哦~</dd>
   </dl>
  </div>

  <div class="Tab">
     <ul class="TabTitle messageTitle">
        <router-link to="/0"  tag="li"><a href="javascript:void(0)">全部</a></router-link>
        <router-link to="/2"  tag="li"><a href="javascript:void(0)">消费</a></router-link>
        <router-link to="/3"  tag="li"><a href="javascript:void(0)">积分</a></router-link>
        <router-link to="/1"  tag="li"><a href="javascript:void(0)">通知</a></router-link>
     </ul>
      <!-- 刷新组件 -->
      <div style="height: 92px;" id="pullDownBackground"></div>
      <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新↓</div>
      <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
      </div>
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->  
    <router-view></router-view>
    
     <!-- = .red - 已读 = -->
     <template id="messageList">
      
        <div class="messageList">
          <dl v-for="(item,index) in items" v-bind:data-id="item.id" v-bind:class="{'read':item.isRead == '1'}" v-bind:data-type="item.messageType" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End">
            <dt v-html="item.messageContent"></dt>
            <dd>{{item.pushTime|moment}}</dd>
          </dl>
        </div>
     </template>
      
      <!-- 加载提示符 -->
      <div class="loader-inner ball-spin-fade-loader" id="pullDown3" style="display: none;">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
      </div>
  </div>
</div>

<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/Message/bundle.js"></script>

</body>
</html>
